body{ background: #fff url(../images/bg_last.jpg) no-repeat right bottom;}

.swiper-container {height:auto; width:100%; text-align:center; margin:0 auto; position:relative; overflow:hidden; background:#F8F8F8;}
.swiper-wrapper { position: relative; }
.swiper-slide { position:relative; text-align:center; float:left;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ width:100%; height:auto; vertical-align:middle; position:relative;}
.pagination{ position:absolute;  height:18px; width:100%; bottom:50px; z-index:100;}
.pagination .swiper-pagination-switch{display:inline-block; height:18px; width:18px; background:#d3d5d8; border-radius:9px; margin:0 17px; cursor: pointer;}
.pagination .swiper-active-switch{ background:#00b52b;}
.swiper-button-prev,.swiper-button-next{ position: absolute; top: 50%; width: 31px; height: 46px; margin-top: -23px; cursor: pointer;}
.swiper-button-prev{ left: 20px; background: url(../images/arrow_l.png) no-repeat;}
.swiper-button-next{ right: 20px; background: url(../images/arrow_r.png) no-repeat;}

.contant{ background: url(../images/bg_first.png) no-repeat 0 0; padding: 106px 0 123px 0;}
.contant h1{ position:relative; height: 40px; line-height: 40px; overflow: hidden; margin-bottom: 34px;}
.contant h1.xw{ background: url(../images/tit1.png) no-repeat;}
.contant h1.xgsp{ background: url(../images/tit2.png) no-repeat;}
.contant h1.hg{ background: url(../images/tit3.png) no-repeat;}
.contant h1 a.more{ position: absolute; right: 0; top: 0; font-size: 18px; background: #00b52b; color: #fff; height: 40px; line-height: 38px; padding: 0 18px;}

.newList{ width: 692px; overflow: hidden;}
.newList li{ height: 60px; margin-bottom: 9px; display: block; width: 100%; position: relative; background: #e8ecf2;}
.newList li a{ display: block;}
.newList li span{ width: 60px; height: 60px; padding-left: 5px; display: inline-block; overflow: hidden; background: #414146; color: #fff; font-size: 20px; vertical-align: top;}
.newList li.cur span,.newList li:hover span{ background: #00B52B;}
.newList li em{ padding: 0 16px; width: 550px; display: inline-block; overflow: hidden;vertical-align: top; line-height: 60px; color: #565a60; font-size: 20px;}
.newList li b{ position: absolute; right: 10px; bottom: 10px; font-size: 12px; color: #ababac;}

.terrace{ width: 300px; overflow: hidden; font-size: 20px;}
.terrace ul{ width: 302px; overflow: hidden;}
.terrace li{float: left; display: inline; width: 149px; height: 171px; margin-right: 2px; margin-bottom: 2px;}
.terrace li.bg1{ width: 300px; height: 60px; text-align: center; background: url(../images/bg1.jpg) no-repeat;}
.terrace li a{display: block; width: 100%; height: 100%; text-align: center;}
.terrace li.bg1 a{ line-height: 60px;}
.terrace li span{ padding-top: 100px; display: block;}
.terrace li.bg2{background: url(../images/bg2.jpg) no-repeat;}
.terrace li.bg3{background: url(../images/bg3.jpg) no-repeat;}
.terrace li.bg4{background: url(../images/bg4.jpg) no-repeat;}
.terrace li.bg5{background: url(../images/bg5.jpg) no-repeat;}

.column{ overflow: hidden; padding-top: 100px;}
.column img{ display: block; width: 100%;}
.column a{ display: block;}
.column .blj{ border-left: 1px solid #00b52b; width: 319px; position: relative;}
.column li{ float: left; display: inline; width: 320px; height: 260px; margin-left: 20px; margin-bottom: 20px; position: relative;}
.column span.bg{position: absolute; left: 0; top: 50%; height: 86px; width: 100%; background: url(../images/point2.png) repeat; margin-top: -43px;}
.column em{ position: absolute; left: 0; top: 50%; width: 100%; display: block; text-align: center; color: #fff; font-size: 26px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}

.videoBox{ margin-top: 76px;}
.videoCon{ width: 1000px; height: 562px; overflow: hidden;}
.videoCon object,.videoCon video{ width: 100%; height: 100%;}
.videoBox li{ display: block; position: relative; height: 60px; line-height: 60px; background: #f1f1f1; overflow: hidden; padding-left: 80px; font-size: 24px; cursor: pointer;}
.videoBox li a{color: #565a60;}
.videoBox li span{ position: absolute; left: 0; top: 0; width: 60px; height: 60px; text-align: center; line-height: 60px; color: #fff; background: #565a60;}
.videoBox li.cur,.videoBox li:hover{ background: #d9d9d9;}
.videoBox li.cur span,.videoBox li:hover span{ background: #00b52b;}

.review{ padding-top: 90px; overflow: hidden;}
.review ul{ width: 1015px;}
.review li{ float: left; display: inline; width: 129px; height: 206px; margin-right: 16px;}
.review li img{ display: block;}

/*--otherLogo--*/
.otherLogo{ background: #fff; text-align: center; padding: 48px 0 38px 0; box-shadow: 0 -3px 6px rgba(0,0,0,.09); position: relative;}
.qimo8{width: 1000px; margin: 0 auto; overflow: hidden;}
.qimo8 .qimo { width: 8000%;height: 36px;}
.qimo8 .qimo div{ float: left;}
.qimo8 .qimo ul{ float: left; height: 36px; overflow: hidden;}
.otherLogo .qimo8 li{ float: left; display: inline; height: 36px; margin: 0 15px;}
.otherLogo .qimo8 .tag{  width: 140px;   background: #949699;padding: 0 20px;height: 30px;line-height: 30px;position: absolute;bottom: -30px;border-bottom: 1px solid #fff; }
.otherLogo .qimo8 .tag:after{content:"";position: absolute;top: -5px;left: 50%;border-width: 0px 5px 5px;border-color: #949699 transparent #949699;border-style: solid;margin-left: -5px;}
.otherLogo .qimo8 li img{ margin:0 auto; display: block; height: 100%; }

.logocenter { height: 68px; text-align: center; }
.logocenter ul{ height: 36px;}
.logocenter li{  margin: 0 15px; display: inline-block; height: 48px; }
.logocenter li img{ height: 100%; }
